<!DOCTYPE html>

<!--
  Google HTML5 slide template

  Authors: Luke Mah茅 (code)
           Marcin Wichary (code and design)
           
           Dominic Mazzoni (browser compatibility)
           Charles Chen (ChromeVox support)

  URL: http://code.google.com/p/html5slides/
-->

<html>
    <head>
        <title>Presentation</title>

        <meta charset='utf-8'>
        <script
        src='slides.js'></script>    
        <style>
            /* Your individual styles here, or just use inline styles if that鈥檚
               what you want. */
            .slides.template-default > article:not(.nobackground):not(.biglogo) {
                background: url(images/EMC.png)  right bottom no-repeat !important;  
                background-size: 25% !important;
                background-color: white !important;  
            } 

        </style>

    </head>


    <body style='display: none'>

        <section class='slides layout-regular template-default'>

            <!-- Your slides (<article>s) go here. Delete or comment out the
                 slides below. -->

            <article>
                <h1>
                    DMaaS
                    <br>
                </h1>
                <p>
                    Haozhe Li
                    <br>
                    March, 2012
                </p>
            </article>

            <article id="section_idea">
                <h2>
                    Idea
                </h2>
            </article>

            <article>
                <h3>
                    Similar Products Walk-through
                </h3>
                <ul>
                    <li>
                        Datameer
                    </li>
                    <li>
                        ZettaVox
                    </li>
                    <li>
                        Karmasphere
                    </li>
                    <li>
                        PDMiner
                    </li>
                </ul>

            </article>

            <article id="section_process">
                <h2>
                    Process
                </h2>
            </article>

            <!--            <article id="3">
                            <h3>
                                ZettaVox
                            </h3>
                            <object  type="application/x-shockwave-flash"  data="http://www.kitenga.com/zettavox/demo.swf"
                                     width="800" height="550" id="myFlashContent">
                                <param name="movie" value="bcpdm-flash.swf" />
                                <param name="allowfullscreen" value="true" />
                                <param name="allowscriptaccess" value="always" />
                                <param name="allownetworking" value="all" />
                                <param name="wmode" value="transparent" />
                                <a href="http://www.adobe.com/go/getflashplayer">
                                    <img src="get_flash_player.gif" alt="Get Adobe Flash player" />
                                </a>
                            </object>
                        </article>-->

            <article>
                <h3>
                    Process
                </h3>
                <ul>
                    <li>
                        Access
                    </li>
                    <li>
                        Assemble
                    </li>
                    <li>
                        Analyze
                    </li>
                    <li>
                        Administrate
                    </li>
                </ul>

            </article>

            <article>
                <h3>
                    Process > Access
                </h3>
                <ul>
                    <li>
                        Upload Local File
                    </li>
                    <li>
                        Link to Data Store
                    </li>
                </ul>
            </article>

            <article>
                <h3>
                    Process > Access > Upload Local File
                </h3>
                <p>Datameer</p>
                <p>
                    <img  style="width:750px" src="images/access001.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Access > Upload Local File (cont')
                </h3>
                <p>ZettaVox</p>
                <p>
                    <img  style="width:750px" src="images/access002.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Access > Link to Data Store
                </h3>
                <p>Datameer</p>
                <p>
                    <img  style="width:750px" src="images/access003.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Assemble
                </h3>
                <ul>
                    <li>
                        Data Preprocessing: ETL
                    </li>
                </ul>
            </article>

            <article>
                <h3>
                    Process > Assemble > Data Preprocessing: ETL
                </h3>
                <p>ZettaVox</p>
                <p>
                    <img style="width:750px" src="images/assemble001.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Assemble > Data Preprocessing: ETL (cont')
                </h3>
                <p>PDMiner</p>
                <p>
                    <img style="width:750px" src="images/assemble002.JPG"/>
                </p>
            </article>


            <article>
                <h3>
                    Process > Analyze
                </h3>
                <ul>
                    <li>Data Mining</li>
                    <li>Result Visualization</li>
                </ul>
            </article>

            <article>
                <h3>
                    Process > Analyze > Data Mining
                </h3>
                <p>ZettaVox</p>
                <p>
                    <img style="width:750px" src="images/analysis001.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Analyze > Data Mining (cont')
                </h3>
                <p>PDMiner</p>
                <p>
                    <img style="width:750px" src="images/analysis002.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Analyze > Result Visualization
                </h3>
                <p>Datameer</p>
                <p>
                    <img style="width:750px" src="images/analysis003.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Analyze > Result Visualization (cont')
                </h3>
                <p>Datameer</p>
                <p>
                    <img style="height:450px; width:750px" src="images/analysis004.JPG"/>
                </p>
            </article>

            <article>
                <h3>
                    Process > Administrate
                </h3>
                <ul>
                    <li>Server Health</li>
                </ul>
            </article>

            <article>
                <h3>
                    Process > Administrate > Server Health
                </h3>
                <p>Datameer</p>
                <p>
                    <img style="height:450px; width:750px" src="images/admin001.JPG"/>
                </p>
            </article>

            <article id="section_module">
                <h2>
                    Module
                </h2>
            </article>

            <article>
                <h3>Module</h3>
                <ul>
                    <li>Access</li>
                    <li>Assemble</li>
                    <li>Analyze</li>
                </ul>
            </article>

            <article>
                <h3>
                    Module > Access
                </h3>
                <p>
                    <img style='width: 750px' src='images/acquision.jpg'>
                </p>
            </article>

            <article>
                <h3>
                    Module > Assemble
                </h3>
                <p>
                    <img style='width: 750px' src='images/etl.jpg'>
                </p>
            </article>

            <article>
                <h3>
                    Module > Assemble (cont')
                </h3>
                <p>ZettaVox</p>
                <p>
                    <img style='width: 750px' src='images/assemble003.JPG'>
                </p>
            </article>            

            <article>
                <h3>
                    Module > Analyze > Data Mining
                </h3>
                <p>
                    <img style='width: 750px' src='images/analysis.jpg'>
                </p>
            </article>

            <article>
                <h3>
                    Module > Analyze > Data Mining (cont')
                </h3>
                <p>PDMiner</p>
                <p>
                    <img style='width: 750px' src='images/analysis005.jpg'>
                </p>
            </article>


            <article>
                <h3>
                    Module > Analyze > Result Visualization
                </h3>
                <p>
                    <img style='width: 750px' src='images/result.jpg'>
                </p>
            </article>


            <article id="section_implementation">
                <h2>
                    Implementation
                </h2>
            </article>

            <article>
                <h3>Implementation</h3>
                <ul>
                    <li>Model</li>
                    <li>Controller</li>
                    <li>View</li>
                </ul>
            </article>

            <article>
                <h3>Implementation > Modle</h3>
                <ul>
                    <li></li>
                    <li>Controller</li>
                    <li>View</li>
                </ul>
            </article>

            <article>
                <h3>
                    HTML5
                </h3>
                <ul>
                    <li>
                        Offline Application
                    </li>
                    <li>
                        Web Worker
                    </li>
                    <li>
                        WebSocket
                    </li>
                    <li>
                        File Access, Desktop Drop-in
                    </li>
                </ul>

            </article>

            <article id="11">
                <h3>
                    jQuery UI
                </h3>
                <ul>
                    <li>
                        Draggable
                    </li>
                    <li>
                        Droppable
                    </li>
                    <li>
                        Resizable
                    </li>
                    <li>
                        Selectable
                    </li>
                    <li>
                        Sortable
                    </li>
                </ul>

            </article>





            <!--
            
            
            
            
                        <article>
                            <h3>
                                Slide with an image (centered)
                            </h3>
                            <p>
                                <img class='centered' style='height: 500px' src='images/example-graph.png'>
                            </p>
                        </article>
            
                        <article class='fill'>
                            <h3>
                                Image filling the slide (with optional header)
                            </h3>
                            <p>
                                <img src='images/example-cat.jpg'>
                            </p>
            
                        </article>
            
                        <article>
                            <h3>
                                This slide has some code
                            </h3>
                            <section>
                                <pre>
            &lt;script type='text/javascript'&gt;
              // Say hello world until the user starts questioning
              // the meaningfulness of their existence.
              function helloWorld(world) {
                for (var i = 42; --i &gt;= 0;) {
                  alert('Hello ' + String(world));
                }
              }
            &lt;/script&gt;
            &lt;style&gt;
              p { color: pink }
              b { color: blue }
              u { color: 'umber' }
            &lt;/style&gt;
                                </pre>
                            </section>
                        </article>
            
                        <article class='smaller'>
                            <h3>
                                This slide has some code (small font)
                            </h3>
                            <section>
                                <pre>
            &lt;script type='text/javascript'&gt;
              // Say hello world until the user starts questioning
              // the meaningfulness of their existence.
              function helloWorld(world) {
                for (var i = 42; --i &gt;= 0;) {
                  alert('Hello ' + String(world));
                }
              }
            &lt;/script&gt;
            &lt;style&gt;
              p { color: pink }
              b { color: blue }
              u { color: 'umber' }
            &lt;/style&gt;
                                </pre>
                            </section>
                        </article>
            
                        <article>
                            <q>
                                The best way to predict the future is to invent it.
                            </q>
                            <div class='author'>
                                Alan Kay
                            </div>
                        </article>
            
                        <article class='smaller'>
                            <q>
                                A distributed system is one in which the failure of a computer 
                                you didn鈥檛 even know existed can render your own computer unusable.
                            </q>
                            <div class='author'>
                                Leslie Lamport
                            </div>
                        </article>
            
                        <article class='nobackground'>
                            <h3>
                                A slide with an embed + title
                            </h3>
            
                            <iframe src='http://www.google.com/doodle4google/history.html'></iframe>
                        </article>
            
                        <article class='nobackground'>
                            <iframe src='http://www.google.com/doodle4google/history.html'></iframe>
                        </article>
            
                        <article class='fill'>
                            <h3>
                                Full-slide embed with (optional) slide title on top
                            </h3>
                            <iframe src='http://www.google.com/doodle4google/history.html'></iframe>
                        </article>
            
                        <article>
                            <h3>
                                Thank you!
                            </h3>
            
                            <ul>
                                <li>
                                    <a href='http://www.google.com'>google.com</a>
                            </ul>
                        </article>-->

        </section>

    </body>
</html>
